<template>
  <div>
    <div id="u1073" class="ax_default label">
      <div id="u1073_div" class=""></div>
      <!-- Unnamed () -->
      <div
        id="u1074"
        class="text"
        style="top: 12px; transform-origin: 70.5px 8.5px"
      >
        <p><span>2019-3-26</span></p>
      </div>
    </div>
    <div id="u1067_div"></div>
    <div id="u1073" class="ax_default label">
      <div id="u1073_div" class=""></div>
      <!-- Unnamed () -->
      <div
        id="u1074"
        class="text"
        style="top: 12px; transform-origin: 70.5px 8.5px"
      >
        <p><span>今日套餐</span></p>
      </div>
    </div>
    <div id="u1067_div">
      <div class="boxs"></div>
      <div class="boxs"></div>
      <div class="boxs"></div>
      <div class="boxs"></div>
    </div>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
      <el-table-column prop="address" label="地址"> </el-table-column>
    </el-table>
  </div>
</template>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
::v-deep {
  .cell {
    text-align: center;
  }
  #u1073 {
    position: relative;
    top: 20px;
    left: 15px;
    width: 141px;
    height: 41px;
    font-family: "Arial Negreta", "Arial Normal", "Arial";
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
  }
  #u1067_div {
    margin-bottom: 40px;
    position: relative;
    left: 0px;
    top: 0px;
    height: 172px;
    background: inherit;
    background-color: rgba(228, 228, 228, 0.8);
    border: none;
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #u1073_div {
    z-index: 999;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 141px;
    height: 41px;
    background: inherit;
    background-color: rgba(204, 0, 0, 0.807843137254902);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 0, 0, 1);
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Arial Negreta", "Arial Normal", "Arial";
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
  }
  #u1074 {
    position: absolute;
    z-index: 999;
    text-align: center;
    margin-left: 30px;
  }
  .boxs {
    float: left;
    margin-left: 140px;
    margin-top: 25px;
    left: 0px;
    top: 0px;
    width: 156px;
    height: 114px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666666;
  }
}
</style>